<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="/easyui.css">
    <link rel="stylesheet" type="text/css" href="/icon.css">
    <link rel="stylesheet" type="text/css" href="/demo.css">
    <script src="/jquery.min.js"></script>
    <script src="/jquery.easyui.min.js"></script>
    <meta charset="UTF-8">
    <title>Form 提交数据</title>
</head>
<body>
<form id="ff" >
    <p>用户名：<input   class="easyui-textbox"  name="userName" id="userName" /></p>
    <p>密  码：<input  class="easyui-textbox" name="userPassword" id="userPassword" /></p>
    <p><input  class="easyui-button"  type="submit" id="btnSubmit" value="提交" /></p>
</form>
<div>
<h2>检测到你输入的数据是：</h2>
<p id="p1"></p>
    <p ></p>
</div>


<script type="text/javascript">

    $("#ff").form({
        title:"表单数据"
    });
    $("#ff").form('submit',{
        url:"/day10/test101",
        success:function (map) {
            var json = eval('(' + map + ')');
            $("#p1").text(json.username);
            $("div p:last").text(json.userPassword);
        }
    });


</script>


</body>
</html>